<%@ page language="java" pageEncoding="UTF-8"%>
    <%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>

<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

<title>Google Maps JavaScript API v3 : Geocoding Simple</title>

<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=zh-CN"></script>

<script type="text/javascript"> 

  var geocoder;

  var map;

  function initialize() {

    geocoder = new google.maps.Geocoder();

		  

	 var latlng = new google.maps.LatLng(0, 0);

        codeAddress("上海市浦东新区东方路69号"); 		

			

    var myOptions = {

      zoom: 13,

      center: latlng,

	   mapTypeControl: false,	    scaleControl: false,	     navigationControl: false,      mapTypeId: google.maps.MapTypeId.ROADMAP

    }

	

    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

  }

 

  function codeAddress(addr) {

	 var address = addr;

    geocoder.geocode( { 'address': address}, function(results, status) {

      if (status == google.maps.GeocoderStatus.OK) {

        map.setCenter(results[0].geometry.location);

		        var marker = new google.maps.Marker({

            map: map, 

          	position: results[0].geometry.location

        });

		      } else {

        alert("Geocode was not successful for the following reason: " + status);

      }

    });

  }

</script>

</head>

<body onLoad="initialize()">

 <div id="map_canvas" style="width:100%; height:300px; top:0px;"></div>

</body>

</html>


